<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>02_表单-input标签-属性</title>
    </head>
    <body>
        <form action="1.java" method="get" name="">
            <!-- (2) value属性：
                a.可以直接在input标签中书写value  直接写了之后 那么文本框中
                就会展示响应的数据
                b.在文本框中输入的数据 也是value的值

                总结：value的属性一般应用于文本框 密码框 还包含隐藏域  其余的使用的很少
            -->

            <!-- 文本框 -->
            <input type="text" value="12312321312">
            <!-- 密码框 -->
            <input type="password" id="pwd">
            <!-- 按钮 -->
            <input type="button" value="123">
            <!-- 提交 -->
            <input type="submit" value="321">
            <!-- 重置 -->
            <input type="reset" value="666">


            <!-- 单选 -->
            <input type="radio">

            <!-- 复选 多选 -->
            <input type="checkbox">

            <!-- 文件 -->
            <input type="file" value="123">

            <!-- image -->
            <input type="image" src="1.jpg">

            <!-- 隐藏域 -->
            <input type="hidden" value="123321321321">


            <input type="submit">
        </form>

        <script>
            var pwd = document.querySelector('#pwd');
            pwd.onblur = function(){
                alert(this.value);
            }
        </script>
    </body>
</html>